<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin:0;
				padding:0;
			}
			#box{
				width:262px;
				margin:50px auto;
			}
			#box .menu{
				padding:10px 15px;
				width:230px;
				border:1px solid #CCC;
				position:relative;
			}
			#box .menu h3{
				position:absolute;
				top:-10px;
				left:20px;
				background: white;
				padding:0px 30px;
				border: 1px solid blue;
			}
			#box .menu dl dt{
				margin-top: 5px;
			}
			#box .menu dl dd a{
				font-size: 12px;
				color:#727171;
				text-decoration: none;
			}
			#box .menu dl dd a:hover{
				background: #EDEEEE;
				color:#A10000;
			}
			#box .noTopMenu{
				border-top: none;
			}
			
			#box .marginMenu{
				margin-top: 20px;
			}
		</style>
	</head>
	<body>
		<div id="box">
			<div class="menu">

				<h3>男装</h3>
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
			
			<div class="menu noTopMenu">
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
			<div class="menu noTopMenu">
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
			<div class="menu noTopMenu">
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
			
			<div class="menu marginMenu">

				<h3>男装</h3>
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
			<div class="menu marginMenu">

				<h3>男装</h3>
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
			<div class="menu marginMenu">

				<h3>男装</h3>
				<dl>
					<dt>T恤</dt>
					<dd>
						<a href="">印花</a>
						<a href="">水柔面</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">印花</a>
						<a href="">跑步</a>
						<a href="">印花</a>
						<a href="">印花</a>
					</dd>
				</dl>
			</div>
		</div>
	</body>
</html>
